.tabbar {
  width: 100%;
  min-height: 100rpx;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  border-radius: 45upx 45upx 0 0;
  box-shadow: 0 -3upx 3upx #F9F9F9;
  
  .item {
    flex: 1;
    text-align: center;
    
    image {
      width: 42upx;
      height: 42upx;
      display: block;
      margin: auto;
      margin-top: 16upx;
    }
    
    text {
      color: #BDBDBD;
      font-size: 20upx;
      font-weight: 500;
      line-height: 1;
      display: block;
      margin-top: 10upx;
      
      &.active {
        color: #FF3246;
      }
    }
  }
}